@charset "UTF-8";
/* CSS Document */
/*
 *
 *#Main boxs
 *#Detail Boxs  
 ***- header
 ***- navigation
 ***- logo
 ***- grid
 ***- footer
 *
 *
 *
*/
/***************************************************************************
 *#Main boxs                                                               *
 ***************************************************************************/
	body{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		background:url('../images/bg.gif');
	}
	.wrap{
		margin:0 auto;
		width:960px;
	}
	.content{
		width:920px;
		margin:0 20px;
		padding:30px 0;
	}
	.content span p{
		color: rgb(196, 82, 6);
	}
	.main{
		width:960px;
		background:#ffffff;
		box-shadow: 0px 12px 15px -10px rgb(155, 83, 35);
		/*-webkit-box-shadow: 0px 51px 15px -48px rgb(155, 83, 35);
		-moz-box-shadow: 0px 51px 15px -48px rgb(155, 83, 35);
		-o-box-shadow: 0px 51px 15px -48px rgb(155, 83, 35);*/
	}
	.login{
		float:left;
		width:73%;
	}
	.top_link{
		text-align:right;
		margin-top:8px;
		float:right;
		width:13%;
	}

/***************************************************************************
 *#Detail Boxs                                                             *
 ***************************************************************************/
	/*header*/
		.header-bg{
			background: #fff;
			font-size:12px;
			padding: 5px;
			box-shadow: 0px 12px 14px -14px rgb(155, 83, 35);
			-webkit-box-shadow: 0px 12px 14px -14px rgb(155, 83, 35);
			-moz-box-shadow: 0px 12px 14px -14px rgb(155, 83, 35);
			-o-box-shadow: 0px 12px 14px -14px rgb(155, 83, 35);
		}
		.header{
			margin-top: 2%;
		}
	/*navigation*/
		.nav{margin-top:80px;float:right;}
		.nav ul li{
			display:inline;
			border-right: 1px dashed rgb(221, 216, 210);
			padding: 10px 0;
		}
		.nav ul li:last-child{
			border-right: none;
		}
		.nav ul li.active a{
			color:rgb(196, 82, 6);
		}
		.nav ul li a{
			color: rgb(235, 147, 88);
			font-size:18px;
			padding: 10px 30px;
			display: inline-block;
		}
		.nav ul li a:hover{
			color:rgb(196, 82, 6);
		}
	/*logo*/
		.logo{
			float: left;
		}
		h1{
			font-family: 'Tulpen One', cursive;
			font-size:5em;	
		}
		h1 a{
			color:#A23034;
		}
		.nul li:before{
			content:url(../images/arrow.png);
			margin-right:3%;
			vertical-align: top;
		}
		span{
			color:rgb(170, 73, 9);
		}
		.icons{
			margin-top: 1.8%;
			float:right;
		}
		.icons ul li{
			display:inline;
		}
		.icons ul li a{
			display: inline-block;
		}
		.icons ul li a img,.icons1 ul li a img{
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		}
		.icons ul li a img:hover,.icons1 ul li a img:hover{
			opacity: 0.8;
		}
	/* grid */
		.section {
			clear: both;
			padding: 0px;
			margin: 0px;
		}
		.group:before,
		.group:after {
			content:"";
			display:table;
		}
		.group:after {
			clear:both;
		}
		.group {
			zoom:1;
			margin:0 auto;
			width:955px;
			height:auto;
		}
		.col {
			display: block;
			float:left;
			margin: 1% 0 1% 1.6%;
		}
		.col h2 {
			color: rgb(196, 82, 6);
			margin-bottom: 0.5em;
			padding-bottom:0.4em;
			font-size:1.5em;
			line-height: 1.2;
			font-weight : normal;
			margin-top: 0px;
			letter-spacing: -1px;
		}
		.col p{padding:0 10px; text-indent:32px;}
		.col:first-child { 
			margin-left: 0; 
		}
		.col1:nth-child(1){
			background: #A36346;
		}
		.col2:nth-child(2){
			background: #B35D60;
		}
		.col3:nth-child(3){
			background:#D89D5C;
		}
		.span_1_of_2 {
			width: 45.8%;
			padding:1.5%; 
		}
		.span_1_of_2  h2 {
			color: rgb(196, 82, 6);
			margin-bottom: 0.5em;
			padding-bottom:0.4em;
			font-size:1.5em;
			line-height: 1.2;
			font-weight : normal;
			margin-top: 0px;
			letter-spacing: -1px;
		}
		.span_1_of_2  p,table,ul {
			font-size:15.81px;
			color: rgb(209, 136, 103);
			line-height: 1.8em;
		}
		.span_1_of_3 {
			width: 29.2%;
			padding:1.5%; 
		}
		.span_1_of_3  h2 {
			color:#F87217;
			margin-bottom:0.5em;
			padding-bottom:0.4em;
			font-size:1.5em;
			line-height: 1.2;
			font-weight : normal;
			margin-top: 0px;
			letter-spacing: -1px;
			text-transform:capitalize;
		}
		.span_1_of_3  p  {
			font-size:0.8125em;
			padding:0.5em 0;
			color: #eee;
			line-height: 1.8em;
			font-family : verdana, arial, helvetica, helve, sans-serif; 	
		}
		.span_2_of_3 {
			width: 63%;
			padding:1.5%; 
		}
		.span_2_of_3 h2{
			color:#F87217;
			margin-bottom:0.5em;
			padding-bottom:0.4em;
			font-size:1.5em;
			line-height: 1.2;
			font-weight : normal;
			margin-top: 0px;
			letter-spacing: -1px;
			text-transform:capitalize;
		}
		.span_2_of_3 p{
			font-size:0.8125em;
			padding:0.5em 0;
			color:#F2BB66;
			line-height: 1.8em;
			font-family : verdana, arial, helvetica, helve, sans-serif; 
		}
	/*footer*/
		.footer{
			border-top: 1px solid #666;
			padding: 30px 0;
		}
		.footer p.w3-link {
			text-align: center;
			color: rgb(209, 136, 103);
			font-size: 0.9em;
		}
		.footer p.w3-link a {
			color:rgb(209, 74, 41);
			text-decoration: none;
			font-size: 13px;
		}
		.footer p.w3-link a:hover{
			text-decoration:underline;
		}
	/*boxs*/
		.box1{ width:930px;
			float:left;
			border:#006 solid 1px;
		}
		.box2{ width:450px;
			float:left;
			padding-left:30px;
			padding-bottom:30px;
			margin:1px;
		}